<section id="poptips">
    <h1 class="demo-title">poptips</h1>
    <div class="demo-panel">
        <h6>浮层提示框</h6>
        <button class="btn btn-lg btn-bg-blue" ng-click="showDialog()">open dialog</button>
        <div class="dialog">
            <div class="dialog-cnt">
                <header class="dialog-hd">
                    <h3>新手任务</h3>
                    <i class="dialog-close" ng-click="hideDialog()"></i>
                </header>
                <div class="dialog-bd">
                    <h4>标题标题</h4>
                    <div>开通年费QQ会员即可领取欢乐斗地主感恩节回馈礼包！</div>
                </div>
                <div class="dialog-ft">
                    <button type="button" ng-click="hideDialog()">取消</button>
                    <button type="button">开通</button>
                </div>
            </div>
        </div>
        <pre lang-prism class="language-html">
            <code class="language-html">
                &lt;div class="dialog"&gt;
                    &lt;div class="dialog-cnt"&gt;
                        &lt;header class="dialog-hd"&gt;
                            &lt;h3&gt;新手任务&lt;/h3&gt;
                            &lt;i class="dialog-close"&gt;&lt;/i&gt;
                        &lt;/header&gt;
                        &lt;div class="dialog-bd"&gt;
                            &lt;h4&gt;标题标题&lt;/h4&gt;
                            &lt;div&gt;开通年费QQ会员即可领取欢乐斗地主感恩节回馈礼包！&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="dialog-ft"&gt;
                            &lt;button type="button"&gt;取消&lt;/button&gt;
                            &lt;button type="button"&gt;开通&lt;/button&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            </code>
        </pre>
    </div>
</section>
